<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/zui/css/zui.css">
    <link rel="stylesheet" href="static/css/global.css">
    <link rel="stylesheet" href="css/orderList.css">
    <script src="static/js/jquery-3.6.0.js"></script>
    <script src="static/zui/js/zui.js"></script>
    <script type="text/javascript" src="static/js/common.js" ></script>
</head>
<body>
<div class="flex search">
    <div id="date-font">预约日期:</div>
    <div class="input-control search-box has-icon-left has-icon-right" id="searchboxExample">
        <input type="datetime-local" id="start-time" class="form-control search-input" placeholder=开始时间>
        <label class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>
        <a href="#" class="input-control-icon-right search-clear-btn"><i id="remove-img" onclick="removeI()" class="icon icon-remove"></i></a>
    </div>
    <div id="date-font1">至</div>
    <div class="input-control search-box has-icon-left has-icon-right" id="searchboxExample1">
        <input type="datetime-local" id="end-time" class="form-control search-input" placeholder="结束时间">
        <label class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>
        <a href="#" class="input-control-icon-right search-clear-btn"><i id="remove-img1" onclick="removeI()" class="icon icon-remove"></i></a>
    </div>
    <div>
        <select name="picker3" id="picker3" class="form-control">
            <option value="">请选择</option>
        </select>
    </div>
    <div>
        <button class="btn btn-success " type="button" onclick="queryBtn(1)">查询</button>
    </div>
</div>
<table class="table table-bordered" style="text-align: center">
    <thead>
        <th  style="text-align: center">预约时间</th>
        <th style="text-align: center">用户</th>
        <th style="text-align: center">领域</th>
        <th style="text-align: center">咨询问题</th>
        <th style="text-align: center">完成状态</th>
        <th style="text-align: center">操作</th>
    </thead>
    <tbody id="tbody">

    </tbody>
</table>
<!-- 禁用 -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">禁用</h4>
            </div>
            <div class="modal-body">
                <p class="modal-body-p">确认禁用</p>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button id="determine" onclick="onDetermine()" data-dismiss="modal" type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>
<!-- 删除 -->
<div class="modal fade" id="myModal1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">删除</h4>
            </div>
            <div class="modal-body">
                <p class="modal-body-d">确认删除</p>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button id="determine1" onclick="onDetermine1()" data-dismiss="modal" type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal2">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">预约详情</h4>
            </div>
            <div id="sub-info-div">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<div class="pager-wrap flex">
    <ul id="myPager" class="pager" data-ride="pager"  data-page="1" data-rec-per-page="5" data-rec-total="30">
        <li class="previous disabled"><a href="###">«</a></li>
        <li class="active"><a href="###">1</a></li>
        <li class="next"><a href="###">»</a></li>
    </ul>
</div>
<!-- 对话框HTML -->
<div class="modal fade" id="myModal3">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">诊断答复</h4>
            </div>
            <div class="modal-body" id="diagnosis-form">


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" onclick="submitDiaForm()" class="btn btn-primary">提交</button>
            </div>
        </div>
    </div>
</div>

</body>
<script src="js/orderList.js"></script>


</html>